<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>后页首页 - BsAdmin后台模板 - iframe版演示</title>
        <link rel="icon" th:href="@{/static/favicon.ico}" />
        <link rel="stylesheet" th:href="@{/static/bootstrap/css/bootstrap.min.css}" />
        <link rel="stylesheet" th:href="@{/static/admin/css/main.css}" />
        <script th:src="@{/static/js/vue.min.js}"></script>
        <script th:src="@{/static/js/jquery-3.3.1.min.js}"></script>
        <script th:src="@{/static/bootstrap/js/bootstrap.bundle.js}"></script>
        <script th:src="@{/static/admin/js/config.js}"></script>
        <script th:src="@{/static/admin/js/script.js}"></script>
    </head>

    <body>
        <style>
            .main {
                overflow-y: auto;
            }

            .info .card {
                height: 100%;
            }

            .user .card {
                min-height: 500px;
            }

            .card h5 {
                margin-bottom: 20px;
            }

            .main ul li {
                margin-bottom: 3px;
            }
        </style>
        <main>
            <div class="main pt-5 pb-5">
                <div class="jumbotron bg-white pt-1 pb-1 mb-0">
                    <h1 class="display-4">Welcome</h1>
                    <p class="lead">基于 <span style="text-decoration: line-through">SSM</span> SpringBoot3 框架构建的酒店预订系统</p>
                </div>

                <hr class="my-4" />
                <div class="info">
                    <div class="row">
                        <div class="col-4">
                            <div class="card">
                                <div class="card-body">
                                    <h5>简要介绍</h5>
                                    <ul>
                                        <li><b>1.</b> 项目采用了 BsAdmin 的管理系统前端模板并经过一定部分的修改，基本实现了管理员，酒店，客户三方的基本操作需求</li>
                                        <li><b>2.</b> 除开模板外，项目还使用 <b>webloader.js</b> 和 <b>viewer.js</b> 插件快速实现对照片的上传和预览</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="card">
                                <div class="card-body">
                                    <h5>拓展功能和特性</h5>
                                    <ul>
                                        <li><b>1.</b> 管理员、经营者、客户都存于<b>一张表</b>中，使用 level 区分</li>
                                        <li><b>2.</b> 管理员可对所有非管理员用户进行<b>用户管理</b></li>
                                        <li><b>3.</b> 一间完整的房间信息由<b>room</b>、<b>room_type</b>和<b>facility</b>三张表组成，酒店可以单独对每张表进行管理</li>
                                        <li><b>4.</b> 房间和设施采用<b>多对多</b>设计，酒店可单独对所属设施进行管理，单个房间可对所属设施进行<b>按需选择</b></li>
                                        <li><b>5.</b> 支持查看酒店注册以及申请的<b>历史记录</b></li>
                                        <li>...</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="card">
                                <div class="card-body">
                                    <h5>项目地址</h5>
                                    <ul>
                                        <li><b>Gitee：</b><a href="https://gitee.com/shift2003/hotel">https://gitee.com/shift2003/hotel</a></li>
                                        <li><b>BsAdmin 前端模板：</b><a href="http://www.qadmin.net/">http://www.qadmin.net</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <hr class="my-4" />

                <div class="user">
                    <div class="row">
                        <div class="col-8">
                            <div class="card">
                                <div class="card-body">
                                    <h5>最新操作记录</h5>
                                    <table class="table" style="text-align: center;">
                                        <thead>
                                            <tr>
                                                <th>UID</th>
                                                <th>用户名</th>
                                                <th>操作对象</th>
                                                <th>操作行为</th>
                                                <th>执行时间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr class="id36567">
                                                <td>2</td>
                                                <td>Hualiang</td>
                                                <td>房间</td>
                                                <td>删除'红星大酒店'1号房间</td>
                                                <td>2019-04-01 11:44:20</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>2</td>
                                                <td>Hualiang</td>
                                                <td>房间</td>
                                                <td>删除'红星大酒店'1号房间</td>
                                                <td>2019-04-01 11:44:20</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>2</td>
                                                <td>Hualiang</td>
                                                <td>房间</td>
                                                <td>删除'红星大酒店'1号房间</td>
                                                <td>2019-04-01 11:44:20</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>2</td>
                                                <td>Hualiang</td>
                                                <td>房间</td>
                                                <td>删除'红星大酒店'1号房间</td>
                                                <td>2019-04-01 11:44:20</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <div class="col-4">
                            <div class="card">
                                <div class="card-body">
                                    <h5>管理统计</h5>
                                    <table class="table">
                                        <tbody>
                                            <tr>
                                                <th>注册酒店</th>
                                                <td>5485885</td>
                                            </tr>
                                            <tr>
                                                <th>注册用户</th>
                                                <td>555</td>
                                            </tr>
                                            <tr>
                                                <th>管理员</th>
                                                <td>55885</td>
                                            </tr>
                                            <tr>
                                                <th>经营者</th>
                                                <td>224555</td>
                                            </tr>
                                            <tr>
                                                <th>客户</th>
                                                <td>5552</td>
                                            </tr>
                                            <tr>
                                                <th>预定房间</th>
                                                <td>65885</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </body>
</html>
